<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>入职管理</title>
    <link rel="stylesheet" href="../../Style/xjq_css/entryPage.css" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <!-- Latest compiled and minified JavaScript -->
    <script src="../../Utils/xjq_utils/jquery-3.6.0.min.js"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div id="entryBox">
      <!-- 顶部导航 -->
      <div class="header">
        <div class="header-left">
          <span>OA办公后台管理系统</span>
          <div class="homePage">
            <img src="../../images/xjq_images/u924.png" alt="" />
            <span>首页</span>
          </div>
          <div class="homePage active">
            <img src="../../images/xjq_images/u927.png" alt="" />
            <span>员工</span>
            <!-- 弹出框 -->
            <div class="classification">
              <div class="classificationBox">
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u950.png" alt="" /> <span>组织</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u953.png" alt="" /> <span>员工</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u956.png" alt="" /> <span>考勤</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u959.png" alt="" /> <span>薪资</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u962.png" alt="" />
                    <span>社保公积金</span>
                  </div>
                </div>
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u965.png" alt="" /> <span>绩效</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u968.png" alt="" /> <span>招聘</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u971.png" alt="" /> <span>审批</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u974.png" alt="" />
                    <span>会议室预定</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u977.png" alt="" /> <span>车辆</span>
                  </div>
                </div>
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u980.png" alt="" /> <span>新闻</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u983.png" alt="" /> <span>公告</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u986.png" alt="" /> <span>合同库</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u989.png" alt="" /> <span>文档库</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u992.png" alt="" /> <span><a href="../../Pages/xjq_pages/StockReturn.html">资产</a> </span>
                  </div>
                </div>
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u998.png" alt="" /> <span>培训</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u995.png" alt="" />
                    <span>系统设置</span>
                  </div>
                  <div></div>
                  <div></div>
                  <div></div>
                </div>
              </div>
            </div>
          </div>
          <div class="serch">
            <img src="../../images/xjq_images/u931.png" />
            <input type="text" placeholder="按姓名搜索"  class="searchName" style="color: black;"/>
          </div>
        </div>
        <div class="header-right">
          <div class="message">
            <img src="../../images/xjq_images/u944.png" alt="" />
            <img
              src="../../images/xjq_images/u945.png"
              style="position: absolute; left: 22px"
            />
          </div>
          <div class="headPortrait">
            <img src="../../images/xjq_images/u938.png" alt="" />
            <span>Giovan</span>
            <img src="../../images/xjq_images/u937.png" alt="" />
            <!-- 弹出框 -->
            <div class="headPortraitbox">
              <p>重置密码</p>
              <p>退出系统</p>
            </div>
          </div>
        </div>
      </div>

      <!-- 中心部位 -->
      <div class="navbody">
        <div class="navbb">
          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u398.png" />
              <span>员工管理</span>
            </div>
            <div class="navbox-right">
              <img
                src="../../images/xjq_images/keyboard_arrow_up_u627.png"
                style="rotate: 90deg"
              />
            </div>
          </div>
          <ul>
            <li class="navfunction"><span>花名册</span></li>
            <li class="navfunction"><span>员工档案</span></li>
          </ul>

          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u675.png" />
              <span>员工关系</span>
            </div>
            <div class="navbox-right">
              <img
                src="../../images/xjq_images/keyboard_arrow_up_u627.png"
                style="rotate: 90deg"
              />
            </div>
          </div>
          <ul>
            <li class="navfunction active"><span>入职管理</span></li>
            <li class="navfunction"><span>转正管理</span></li>
            <li class="navfunction"><span>人事调动</span></li>
            <li class="navfunction"><span>离职管理</span></li>
            <li class="navfunction"><span>异动记录</span></li>
            <li class="navfunction"><span>合同管理</span></li>
          </ul>

          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u399.png" />
              <span>统计分析</span>
            </div>
            <div class="navbox-right">
              <img
                src="../../images/xjq_images/keyboard_arrow_up_u627.png"
                style="rotate: 90deg"
              />
            </div>
          </div>
          <ul>
            <li class="navfunction"><span>员工概况</span></li>
            <li class="navfunction"><span>趋势分析</span></li>
          </ul>
          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u397.png" />
              <span>员工设置</span>
            </div>
            <div class="navbox-right">
              <img
                src="../../images/xjq_images/keyboard_arrow_up_u627.png"
                style="rotate: 90deg"
              />
            </div>
          </div>
          <ul>
            <li class="navfunction"><span>员工档案字段设置</span></li>
            <li class="navfunction"><span>人事审批表单设置</span></li>
            <li class="navfunction"><span>人事规则设置</span></li>
          </ul>
        </div>
       
        <div class="banner">
          <div class="bannerheader">
            <span>员工 > 员工关系 ></span>
            <span style="color: black">入职管理</span>
          </div>
          <!-- -------------------- -->
          <div class="bannerBox">
            <div class="bannerBoxt">
              <span class="active wait">待入职</span>
              <span class="already">已入职</span>
              <span class="comedown">已放弃</span>
            </div>
            <div class="optionBox">
              <div class="onboarding">
                <div class="onboarding-top">
                  <div class="department">
                    <span>输入姓名</span>
                    <div class="onboarding-text">
                      <input class="addname" type="text" placeholder="请输入姓名  " />
                    </div>
                  </div>
                  <div class="department">
                    <span>入职部门</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="buMen">请选择</span>
                      <div id="produce" class="bumen">
                        <ul>
                          <li>产品部</li>
                          <li>研发部</li>
                          <li>营销部</li>
                          <li>市场部</li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <div class="department">
                    <span>入职职位</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="zhiWei">请选择</span>
                      <div id="produce" class="zhiwei">
                        <ul>
                          <li>产品经理</li>
                          <li>产品经理</li>
                          <li>设计主管</li>
                          <li>前台</li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <div class="department">
                    <span>入职日期</span>
                    <div class="onboarding-text">
                      <input type="date" placeholder="请输入日期  2020.2.2 " class=" daTa"/>
                    </div>
                  </div>

                  
                </div>
                <div class="onboarding-top">
                  <div class="department">
                    <span>手机号码</span>
                    <div class="onboarding-text">
                      <input type="text" placeholder="请输手机号码  " class="phone" />
                    </div>
                  </div>
                  <div class="department">
                    <span>员工类型</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="leiXing">请选择</span>
                      <div id="produce" class="leixing">
                        <ul>
                          <li>全职</li>
                          <li>兼职</li>
                          <li>实习</li>
                          <li>零时工</li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <div class="department">
                    <span>登记状态</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="zhuangTai">请选择</span>
                      <div id="produce" class="zhuangtai">
                        <ul>
                          <li>已入职</li>
                          <li>待入职</li>
                          <li>已放弃</li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <div class="department">
                    <span>员工来源</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="laiYuan">请选择</span>
                      <div id="produce" class="laiyuan">
                        <ul>
                          <li>校招</li>
                          <li>社招</li>
                          <li>内推</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  
                </div>
                <div class="button">
                  <div class="add">
                    <img src="../../images/xjq_images/u386.png" alt="" /> <span>新增</span>
                  </div>
                  <div class="reset" style="cursor: pointer; width: 62px;height: 32px; background: #2561ef;margin-left: 10px; border-radius: 4px; color: white; line-height: 32px; text-align: center;">
                    <span>重置</span>
                  </div>
                </div>
                
              </div>
              <div class="onboarding-form form111" >
                <table class="table table-striped">
                  <thead>
                    <tr>
                      <th>ID</th>
                      <th>姓名</th>
                      <th>入职部门</th>
                      <th>入职职位</th>
                      <th>手机号码</th>
                      <th>登记状态</th>
                      <th>入职日期</th>
                      <th>员工类型</th>
                      <th>来源</th>
                      <th>添加人</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  
                  <tbody>
                    
                    <!-- <tr>
                    <td>1</td>
                    <td>夏佳强</td>
                    <td>市场部</td>
                    <td>市场经理</td>
                    <td>15680990883</td>
                    <td>已入职</td>
                    <td>2022.6</td>
                    <td>已通过</td>
                    <td>校招</td>
                    <td>Giovan</td>
                    <td>
                      <a href="">编辑</a>
                      <a href="">删除</a>
                      <a href="">查看</a>
                    </td>
                  </tr> -->
                  </tbody>
                  

                </table>
                <div class="botton-page">
                  <nav aria-label="Page navigation">
                    <ul class="pagination">
                      <li>
                        <a href="#" class="prev">
                          <span>&laquo;</span>
                        </a>
                      </li>
                      <!-- <li class="active"><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li> -->
                      <li>
                        <a href="#" class="next">
                          <span>&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
              <!-- ------------------- -->
              
          
          <div class="onboarding-form form222"style="display: none;">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>姓名</th>
                  <th>入职部门</th>
                  <th>入职职位</th>
                  <th>手机号码</th>
                  <th>登记状态</th>
                  <th>入职日期</th>
                  <th>员工类型</th>
                  <th>来源</th>
                  <th>添加人</th>
                  <th>操作</th>
                </tr>
              </thead>
              
              <tbody class="hired">
                
                <!-- <tr>
                <td>1</td>
                <td>夏佳强</td>
                <td>市场部</td>
                <td>市场经理</td>
                <td>15680990883</td>
                <td>已入职</td>
                <td>2022.6</td>
                <td>已通过</td>
                <td>校招</td>
                <td>Giovan</td>
                <td>
                  <a href="">编辑</a>
                  <a href="">删除</a>
                  <a href="">查看</a>
                </td>
              </tr> -->
              
              </tbody>
              

            </table>
            <div class="botton-page">
              <nav aria-label="Page navigation">
                <ul class="pagination pagination1">
                  <li>
                    <a href="#" class="prev1">
                      <span>&laquo;</span>
                    </a>
                  </li>
                  <!-- <li class="active"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" class="next1">
                      <span>&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
          <div class="onboarding-form form333" style="display: none;">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>姓名</th>
                  <th>入职部门</th>
                  <th>入职职位</th>
                  <th>手机号码</th>
                  <th>登记状态</th>
                  <th>入职日期</th>
                  <th>员工类型</th>
                  <th>来源</th>
                  <th>添加人</th>
                  <th>操作</th>
                </tr>
              </thead>
              
              <tbody class="abandoned">
                
                <!-- <tr>
                <td>1</td>
                <td>夏佳强</td>
                <td>市场部</td>
                <td>市场经理</td>
                <td>15680990883</td>
                <td>已入职</td>
                <td>2022.6</td>
                <td>已通过</td>
                <td>校招</td>
                <td>Giovan</td>
                <td>
                  <a href="">编辑</a>
                  <a href="">删除</a>
                  <a href="">查看</a>
                </td>
              </tr> -->
              </tbody>
              

            </table>
            <div class="botton-page">
              <nav aria-label="Page navigation">
                <ul class="pagination pagination2">
                  <li>
                    <a href="#" class="prev2">
                      <span>&laquo;</span>
                    </a>
                  </li>
                  <!-- <li class="active"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li> -->
                  <li>
                    <a href="#" class="next2">
                      <span>&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>



          
        </div>
      </div>
<!-- ------------------------------------------------------------------ -->
        </div>
      </div>
      <!-- Modal -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">修改信息</h4>
      </div>
      <div class="modal-body" style="height:400px;display:flex;flex-direction: column;align-items: center;justify-content: space-around;">
        
        <div class="department">
          <span> 员 工 I  D</span>
          <div class="onboarding-text">
            <input disabled class="saveID" type="text"  />
          </div>
        </div>
        
        
          <div class="department">
            <span>输入姓名</span>
            <div class="onboarding-text">
              <input class="savename" type="text"/>
            </div>
          </div>
          <div class="department" style="width: 47%;">
            <span>入职部门</span>
            <div class="onboarding-select">
              <img src="../../images/xjq_images/u282.png" alt="" />
              <span id="pleaseCh" class="savebuMen">请选择</span>
              <div id="produce" class="bumen">
                <ul>
                  <li>产品部</li>
                  <li>研发部</li>
                  <li>营销部</li>
                  <li>市场部</li>
                </ul>
              </div>
            </div>
          </div>
  
          <div class="department" style="width: 47%;">
            <span>入职职位</span>
            <div class="onboarding-select">
              <img src="../../images/xjq_images/u282.png" alt="" />
              <span id="pleaseCh" class="savezhiWei">请选择</span>
              <div id="produce" class="zhiwei">
                <ul>
                  <li>产品经理</li>
                  <li>产品经理</li>
                  <li>设计主管</li>
                  <li>前台</li>
                </ul>
              </div>
            </div>
          </div>
        
        
          <div class="department">
            <span>手机号码</span>
            <div class="onboarding-text">
              <input type="text" placeholder="请输手机号码  " class="savephone" />
            </div>
          </div>
          <div class="department" style="width: 47%;">
            <span>员工类型</span>
            <div class="onboarding-select">
              <img src="../../images/xjq_images/u282.png" alt="" />
              <span id="pleaseCh" class="saveleiXing">请选择</span>
              <div id="produce" class="leixing">
                <ul>
                  <li>全职</li>
                  <li>兼职</li>
                  <li>实习</li>
                  <li>零时工</li>
                </ul>
              </div>
            </div>
          </div>

          <div class="department" style="width: 47%;">
            <span>登记状态</span>
            <div class="onboarding-select">
              <img src="../../images/xjq_images/u282.png" alt="" />
              <span id="pleaseCh" class="savezhuangTai">请选择</span>
              <div id="produce" class="zhuangtai">
                <ul>
                  <li>已入职</li>
                  <li>待入职</li>
                  <li>已放弃</li>
                </ul>
              </div>
            </div>
          </div>

          <div class="department" style="width: 47%;">
            <span>员工来源</span>
            <div class="onboarding-select">
              <img src="../../images/xjq_images/u282.png" alt="" />
              <span id="pleaseCh" class="savelaiYuan">请选择</span>
              <div id="produce" class="laiyuan">
                <ul>
                  <li>校招</li>
                  <li>社招</li>
                  <li>内推</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="department">
            <span>入职日期</span>
            <div class="onboarding-text">
              <input class="savedata" type="text"/>
            </div>
          </div>



      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary SaveBtn">保存</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">员工详情</h4>
      </div>
      <div class="modal-body" style="height: 500px;">
        <div class="detail">
          <img src="">
          <p> 姓名 ：<span class="lookname"></span></p>
          <p> ID ：<span class="lookId"></span></p>
          <p> 部门 ：<span class="lookbumen"></span></p>
          <p> 职位 ：<span class="lookzhiwei"></span></p>
          <p> 手机号码 ：<span class="lookphone"></span></p>
          <p> 登记状态 ：<span class="lookzhuangtai"></span></p>
          <p> 员工类型 ：<span class="lookleixing"></span></p>
          <p> 入职日期 ：<span class="lookdate"></span></p>
          <p> 招聘来源 ：<span class="looklaiyuan"></span></p>
          <p> 添加人 ：<span>Giovan</span></p>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        
      </div>
    </div>
  </div>
</div>
      <!-- 消息弹出框 -->
      <div class="messageBox">
        <div class="messageBox-right">
          <div class="messageBox-right-top">
            <span>消息通知</span> <img src="../../images/xjq_images/clear_u215.png" alt="" />
          </div>
          <div class="messageBox-right-mess">
            <div class="mesFont">
              <div class="mesFont-circle">
                <img src="../../images/xjq_images/u1007.png" alt="" />
              </div>
              <div class="mesFontText">
                <p>
                  <span style="font-size: 14px; color: #333"
                    >员工资料变动提醒</span
                  >
                </p>
                <p style="margin-top: 8px">
                  <span style="font-size: 12px; color: #999"
                    >晁文琦提交了入职申请表，请尽快审核。</span
                  >
                </p>
              </div>
            </div>
            <div class="messTime">
              <span>2021-6-21</span>
              <img src="../../images/xjq_images/u1006.png" />
            </div>
          </div>

          <div class="messageBox-right-mess">
            <div class="mesFont">
              <div class="mesFont-circle">
                <img src="../../images/xjq_images/u1007.png" alt="" />
              </div>
              <div class="mesFontText">
                <p>
                  <span style="font-size: 14px; color: #333"
                    >员工资料变动提醒</span
                  >
                </p>
                <p style="margin-top: 8px">
                  <span style="font-size: 12px; color: #999"
                    >晁文琦提交了入职申请表，请尽快审核。</span
                  >
                </p>
              </div>
            </div>
            <div class="messTime">
              <span>2021-6-21</span>
              <img src="../../images/xjq_images/u1006.png" />
            </div>
          </div>
        </div>
      </div>
    </div>




   

    <script src="../../Js/xjq_js/entryPage.js"></script>
  </body>
</html>
